<!--
* @Authoer: weimei
* @Description: 控制点管理
* @Date 2017/12/23
* @Modified By:
-->
<div id="resContrManage">
	<yu-panel :title="$t('resContrManage.kzdgl')">
		<el-row :gutter="24">
			<el-col :span="5">
				<yufp-ext-tree ref="resContrTree" @node-click="nodeClickFn" :show-checkbox="false" :height="height" :data-url="treeUrl" data-id="nodeId"
				 data-label="nodeName" :render-content="renderContent" data-pid="upTreeId" style="margin-top: 10px;" :highlight-current="true"
				 accordion :expand-level="1"></yufp-ext-tree>
			</el-col>
			<el-col :span="19">
				<yu-xform v-model="pointFormdata" related-table-name="pointTable" form-type="search" label-width="120px">
					<yu-xform-group :column="4">
						<yu-xform-item :label="$t('resContrManage.kzczmc')" :placeholder="$t('resContrManage.kzczmc')" ctype="input" name="contrName"></yu-xform-item>
						<yu-xform-item :label="$t('resContrManage.kzczdm')" :placeholder="$t('resContrManage.kzczdm')" ctype="input" name="contrCode"></yu-xform-item>
						<yu-xform-item :label="$t('resContrManage.kzcz')" :placeholder="$t('resContrManage.kzcz')" ctype="input" name="contrUrl"></yu-xform-item>
					</yu-xform-group>
				</yu-xform>
				<yu-toolBar>
					<el-button @click="pointAddFn" v-if="createCheck">{{ $t('resContrManage.xz') }}</el-button>
					<el-button @click="modifyFn" v-if="modifyCheck">{{ $t('resContrManage.xg') }}</el-button>
					<el-button @click="pointDeleteFn" v-if="deleteCheck">{{ $t('resContrManage.sc') }}</el-button>
				</yu-toolBar>
				<el-table-x ref="pointTable" :checkbox="true" :data-url="contrDataUrl" :table-columns="pointTableColumns" @custom-row-click="rowClick">
				</el-table-x>
				<el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible">
					<el-form-x ref="pointForm" :group-fields="pointFields" :buttons="pointFormButtons" :disabled="formDisabled" label-width="120px"></el-form-x>
				</el-dialog-x>
			</el-col>
		</el-row>
	</yu-panel>
</div>